/* Default */
* {box-sizing: border-box}
html,body {margin: 0px;padding: 0px;color: #333;font-family:-apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Segoe UI" , "Helvetica Neue", "PingFang SC", "Noto Sans" , "Noto Sans CJK SC" , "Microsoft YaHei" , "微软雅黑" , sans-serif;font-size: 14px;user-select: none;background-color: #e8e8e8;}
body {max-width: 640px;margin-left: auto;margin-right: auto;}
a,a:link,a:visited,a:hover,a:active{
    text-decoration: none;color: initial;
}
input {
    user-select: auto;
}
/* Vue */
[v-cloak] {display: none !important;opacity: none !important;}
/* Flex */
.flex {display: flex;}
.flex-js {justify-content: flex-start}
.flex-jc {justify-content: center}
.flex-je {justify-content: flex-end}
.flex-jb {justify-content: space-between}
.flex-as {align-items: flex-start}
.flex-ac {align-items: center}
.flex-ae {align-items: flex-end}
.flex-g {flex-grow: 1}
.flex-s {flex-shrink: 0}
.flex-d {flex-direction: column}
.flex-w {flex-wrap: wrap}
.flex-nw {flex-wrap: nowrap}

/* Color */
.c-red {color: #f02c1d !important}
.c-dark {color: #a5a5a5 !important}
.c-white {color: #FFFFFF !important}
.c-black {color: #333333 !important}
.c-green {color: #3bd88f !important;}
.c-orange {color: #fe8000 !important;}
.c-dark-tiny {color: #838383 !important}
.c-dark-less {color: #F7F7F7 !important}

.bgc-red {background-color: #f02c1d !important}
.bgc-dark {background-color: #a5a5a5 !important}
.bgc-white {background-color: #FFFFFF !important}
.bgc-black {background-color: #333333 !important}
.bgc-green {background-color: #3bd88f !important;}
.bgc-orange {background-color: #fe8000 !important;}
.bgc-dark-tiny {background-color: #838383 !important}
.bgc-dark-less {background-color: #F7F7F7 !important}

/* Font */
.fz24 {font-size: 24px !important;}
.fz20 {font-size: 20px !important;}
.fz18 {font-size: 18px !important;}
.fz16 {font-size: 16px !important;}
.fz15 {font-size: 15px !important;}
.fz14 {font-size: 14px !important;}
.fz13 {font-size: 13px !important;}
.fz12 {font-size: 12px !important;}
.fz11 {font-size: 11px !important;}
.fz-blod {font-weight: bold;}


/* Other */
.radius {border-radius: 100%}
.radius-5 {border-radius: 5px}
.radius-8 {border-radius: 8px}
.radius-10 {border-radius: 10px}

.text-line-1 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.text-line-2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-line-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/* Components */
.u-header {z-index: 10;position: fixed;left: 0px;top: 0px;width: 100%;height: 48px;font-size: 16px;}
.u-header .btn {margin: 0px !important;padding: 0px !important;width: 48px;height: 48px;flex-shrink: 0;display: flex;justify-content: center;align-items: center;}
.u-header .btn img {height: 24px;}
.u-header .btn:nth-child(1):before {content: '';display: block;width: 24px;height: 24px;background-image: url(/image/common-arrow-left.png);background-size: 100% 100%;}
.u-header .title {flex-grow: 1;max-width: -webkit-calc(100% - 96px);max-width: calc(100% - 96px);text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.u-nav {z-index: 10;position: fixed;left: 0px;bottom: 0px;width: 100%;height: 50px;display: flex;font-size: 13px;border-top: 1px solid #e5e5e5;background-color: #FFF;}
.u-nav>.item {flex-grow: 1;height: 100%;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;color: #a5a5a5;}
.u-nav>.item.active {color: #3bd88f}
.u-nav>.item .icon {height: 20px;margin-bottom: 3px;}

.u-body {padding: 48px 0px 50px 0px;}

.u-refresh {height: 80px;line-height: 80px;text-align: center;}
.u-refresh:before {content:'上拉加载更多'}
.u-refresh.ing:before {content:'加载中...'}

.mui-slider * {width: 100%;height: 100%;}
